<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>表单标签</title>
</head>
<body>
	<!-- SpringMVC的表单标签可以实现将模型数据中的属性和HTML表单元素相绑定，
	             以实现表单数据更便捷编辑和表单值的回显。
	 -->
	 <!-- form元素的作用：
	      1.自动绑定Model中的一个属性值到当前form对应的实体对象上，默认为command属性；
	      2.支持除post,get外的请求 -->
	 <!--SpringMVC指定form元素默认自动绑定的是Model中command属性，如果form元素对应的属性名称不是command时，
	     通过modelAttribute属性来指定。(之前是通过commandName属性)  -->
	 <form:form  modelAttribute="product" action="${pageContext.request.contextPath }/product/add" method="post" >
		<table border="1" align="center">
			<tr>
				<td>id</td>
				<td><form:hidden path="id"></form:hidden></td>

			</tr>
			<tr>
				<td>name</td>
				<!-- input元素：它会被渲染为一个类型 为text的普通HTMLinput标签；
				绑定表单数据，通过path属性指定要绑定的Model中的值 -->
				<td><form:hidden path="name"></form:hidden></td>
			</tr>
			<tr>
				<td>color</td>
				<!-- checkbox元素： 它会被渲染为一个类型 为checkbox的普通HTMLinput标签；
				    path属性指定要绑定的Model中的值 ;
				    label属性复选框的值-->
				<td>
					<form:checkbox path="color" value="red"/>红
					<form:checkbox path="color" value="green"/>绿
					<form:checkbox path="color" value="blue"/>蓝
				</td>
			</tr>
			<tr>
				<td>selltype</td>
				<!--radiobutton: 它会被渲染为一个类型 为radio的普通HTMLinput标签;
				   path属性指定要绑定的Model中的值 ;
				    label属性复选框的值 -->
				<td>
					<form:radiobutton path="sellType" value="self" />自营
					<form:radiobutton path="sellType" value="other" />代理
				</td>
			</tr>
			<tr>
				<td>brand</td>
				<!-- select:它被渲染为一个HTMLselect元素 -->
				<td>
					<form:select path="brand" >
						<form:option value="1">耐克</form:option>
						<form:option value="2">安踏</form:option>
						<form:option value="3">匹克</form:option>
					</form:select>
					
				</td>
			</tr>
			
			<tr>
				<td colspan="2"><input type="submit" value="保存" /></td>
			</tr>
		</table>
	</form:form>
</body>
</html>